.page-myprize {
  padding: px2rem(110px) px2rem(30px) 0;
  height: 100%;
  overflow: hidden;
  .main-body {
    border-radius: px2rem(40px);
    background: #0d5e57;
    padding: px2rem(90px) px2rem(10px) px2rem(10px);
  }
  .main-caption {
    width: px2rem(545px);
    height: px2rem(200px);
    background: url("../images/wdjj_cap.png") no-repeat top center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: px2rem(20px);
  }
  .sec-userinfo {
    li {
      width: 33.33%;
      &:nth-child(2) {
        border-left: 1px dashed #434343;
        border-right: 1px dashed #434343;
      }
    }
    .avatar {
      width: px2rem(105px);
      height: px2rem(105px);
      margin: 0 auto;
      overflow: hidden;
      border-radius: 100%;
      border: 2px solid #f9c698;
      img {
        max-width: 100%;
        max-height: 100%;
      }
    }
    .coin-pic {
      width: px2rem(34px);
      height: px2rem(34px);
      border-radius: 100%;
      background: url("../images/14.png") no-repeat top center;
      background-size: 100%;
    }
    .goprize-btn {
      width: px2rem(155px);
      height: px2rem(60px);
      display: flex;
      justify-content: center;
      align-items: center;
      background: #fff1d6;
      border-radius: px2rem(10px);
      color: #0d5e57;
      font-size: px2rem(26px);
      font-weight: bold;
      margin: 0 auto;
    }
  }

  .sec-myprize-list {
    background: #fff1d6;
    border-radius: px2rem(40px);
  }
  .myprize-list {
    padding: 0 px2rem(30px) px2rem(40px);
    li {
      background: #fff;
      border-radius: px2rem(20px);
      display: flex;
      justify-content: space-between;
      margin: px2rem(35px) 0 0;
      min-height: px2rem(190px);
    }
    
    .area-lf {
      border-right: 1px dashed #e2e2e2;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      width: px2rem(220px);
      flex-shrink: 0;
      .pic{
        width: px2rem(160px);
        height: px2rem(160px);
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        img{
          max-width: 100%;
          max-height: 100%;
        }
      }
      &:before {
        position: absolute;
        content: "";
        right: px2rem(-15px);
        top: px2rem(-15px);
        width: px2rem(30px);
        height: px2rem(30px);
        background: #fff1d6;
        border-radius: 100%;
      }
      &:after {
        position: absolute;
        content: "";
        right: px2rem(-15px);
        bottom: px2rem(-15px);
        width: px2rem(30px);
        height: px2rem(30px);
        background: #fff1d6;
        border-radius: 100%;
      }
    }
    .area-rt {
      padding: 0 px2rem(30px);
      display: flex;
      flex-direction: column;
      justify-content: center;
      // align-items: center;
      flex: 1;
    }
    
  }
  .handle-btn{
    height: px2rem(88px);
    border:2px solid #fde4bb;
    color: #fde4bb;
    font-size: px2rem(30px);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60%;
    border-radius: px2rem(50px);
    margin: px2rem(60px) auto px2rem(100px);
  }
}
